<template>
    <div class="new-course">
        <HotTitle>新上好课</HotTitle>
        <ul>
            <List/>
            <List/>
            <List/>
            <List/>
            <List/>
            <List/>
            <List/>
            <List/>
        </ul>
    </div>
</template>

<script setup>
import HotTitle from '@/components/home/HotTitle.vue'
import List from '@/components/home/List.vue'
</script>

<style lang="scss" scoped>
.new-course {
    width: 1140px;
    margin: 60px auto 30px auto;

    ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        
    }
}
</style>